<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../public/public.css">
    <link rel="stylesheet" type="text/css" href="../public/header/header.css">
    <link rel="stylesheet" type="text/css" href="../public/footer/footer.css">
    <link rel="stylesheet" type="text/css" href="./store.css">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <script src="https://webapi.amap.com/maps?v=2.0&key=0403059443d0a98dd98af7920c6eed33"></script>
</head>

<body>
    <!-- #region 头部 -->
    <div class="header">
        <div class="header_top">
            <div class="w1200"><a class="city fl" href="#">重庆[切换城市]</a>
                <div class="fr">餐饮商铺转让网(store.cyt360.com)欢迎您的光临</div>
            </div>
        </div>
        <div class="header_body">
            <div class="w1200">
                <div class="logo_box fl"><img src="../public/images/logo.png"></div>
                <div class="nav_box fl">
                    <a href="#">首页</a>
                    <a href="#">西餐商铺</a>
                    <a href="#">中餐商铺</a>
                    <a href="#">火锅商铺</a>
                    <a href="#">西餐商铺</a>
                    <a href="#">中餐商铺</a>
                </div>
                <div class="searchAndButton_div fr">
                    <div class="search_box">
                        <div class="input_div">
                            <input type="text" placeholder="请输入关键字">
                        </div>
                        <button class="searchButton">搜索</button>
                    </div>
                    <a class="button_box" href="#">我要发布</a>
                </div>
            </div>
        </div>
    </div>
    <!-- #endregion -->


    <!-- #region 内容 -->
    <div class="content w1200">

        <!-- 界面的迷你导航部分 -->
        <div class="path w1200">
            <a href="">首页</a>
            <em>></em>
            <a href="">嘻嘻</a>
            <em>></em>
            <a href="">嘿嘿</a>
            <em>></em>
            <a href=""></a>
        </div>
        <!--店铺名称-->
        <div class="des-top-name w1200">

            <div>
                <h1>南山区70㎡餐馆转让,营业中</h1>
            </div>
            <div class="relevant-information">
                <div class="info-item number"><img src="./images/编号.png"><a>122022</a></div>
                <div class="info-item time"><img src="./images/时间.png"><a>2024-3-09</a></div>
                <div class="info-item viewcount"><img src="./images/浏览次数.png"><a>1333</a></div>
            </div>

        </div>
        <!--主要内容部分-->
        <div class=".des-top w1200">
            <!-- 轮播图地点 -->
            <div class="picFocus">
                <div class="picFocus-top">
                    <!-- 组件上面 -->
                    <img src="./images/12.jpg">
                    <img src="./images/hei.jpg">
                    <img src="./images/heihei.jpg">
                    <img src="images/xixi.jpg">
                    <img src="images/xixi.jpg">
                    <div class="current-slide">1/4</div>
                </div>
                <div class="picFocus-bottom">
                    <!-- 左侧按钮 -->
                    <a href="javascript:;" class="arrow-l">&lt;</a>
                    <!-- 右侧按钮 -->
                    <a href="javascript:;" class="arrow-r">&gt;</a>
                    <div class="picFocus-bottom-box"><img src="./images/12.jpg"></div>
                    <div class="picFocus-bottom-box"><img src="./images/hei.jpg"></div>
                    <div class="picFocus-bottom-box"><img src="./images/heihei.jpg"></div>
                    <div class="picFocus-bottom-box"><img src="./images/xixi.jpg"></div>
                    <div class="picFocus-bottom-box"><img src="./images/xixi.jpg"></div>
                </div>
            </div>
            <!-- 右侧介绍 -->
            <div class="des-top-rightbox fr">
                <div class="des-top-title-name">
                    <div class="area">
                        <a class="first-link"><span>120</span>平米</a>
                        <a class="left-aligned">面积</a>
                    </div>
                    <div class="square-meter">
                        <a class="first-link"><span>12500</span>元/月</a>
                        <a class="left-aligned">租金&nbsp;<em>5.21元/m&sup2;</em>天</a>
                    </div>
                    <div class="fee">
                        <a class="first-link"><span>15</span>万元</a>
                        <a class="left-aligned">转让费</a>
                    </div>

                </div>
                <div class="segmentation">
                    <hr>
                </div>

                <div class="des-top-intro">
                    <dl>
                        <dd>
                            <em>目前经营:</em>
                            <span>休息娱乐 酒吧</span>
                        </dd>
                        <dd>
                            <em>营业状态:</em>
                            <span>营业中</span>
                        </dd>
                    </dl>

                    <dl>
                        <dd>
                            <em>可否空转:</em>
                            <span>可控转</span>
                        </dd>
                        <dd>
                            <em>剩余合同:</em>
                            <span>8个月</span>
                        </dd>
                    </dl>
                    <dl>
                    </dl>
                    <dl>
                        <dt><em>详细地址:</em>
                            <span>龙华新区-龙华中心区 东环一路</span>
                        </dt>
                    </dl>
                </div>
                <div class="segmentation">
                    <hr>
                </div>
                <!--经营范围-->
                <div class="container">
                    <div class="title"><em>适合经营</em></div>
                    <ul class="places-list">
                        <li><span>酒吧</span></li>
                        <li><span>冷饮甜品店</span></li>
                        <li><span>面包店</span></li>
                        <li><span>小吃店</span></li>
                        <li><span>茶楼</span></li>
                        <li><span>咖啡馆</span></li>
                        <li><span>寿司店</span></li>
                    </ul>
                </div>
                <div class="segmentation">
                    <hr>
                </div>
                <div>
                    <div class="des-top-boss">
                        <div class="des-top-infos">
                            <h2>催老板</h2>
                            <em>(个体工商户)</em>
                            <a>12345678910</a>
                        </div>
                        <div class="des-top-but">
                            <button>邀约面谈</button>
                            <button><img src="./images/线上交流社区.png">在线沟通</button>
                        </div>

                    </div>
                    <div class="des-top-boss-phone">
                        <em>想了解更多店铺信息，请拨打客服电话!</em>
                        <span><img src="./images//电话.png">13682616568</span>

                    </div>
                </div>

            </div>
        </div>
        <div class="des-middle w1200">
            <!-- 左边部分 -->
            <div class="Lcont fl">
                <div class="des-middle-box">
                    <div class="des-middle-tenement">
                        <h2>物业配套</h2>
                        <hr>
                        <div class="tenement">
                            <div class="tenement_div">
                                <img src="./images/可明火.png" value="true">
                                <a>可明火</a>
                            </div>
                            <div class="tenement_div">
                                <img src="./images/空调.png" value="false">
                                <a>空调</a>
                            </div>
                        </div>
                        <a></a>
                    </div>
                    <div class="">
                        <h2>周边配套</h2>
                        <div id="des-middle-map"></div>
                        
                       <input type="text" hidden value="@model.name">
                    </div>
                    <div class="">
                        <h2>详细位置</h2>
                        <hr>
                        <a>位置佳</a>
                    </div>
                    <div class="">
                        <h2>人流来源</h2>
                        <hr>
                        <a></a>
                    </div>
                    <div class="">
                        <h2>周边商户</h2>
                        <hr>
                        <a></a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- #endregion -->


    <!--#region 底部 -->
    <div class="footer">
        <div class="footer-top">
            <div class="footer-left">
                <div class="footer-content">
                    <div class="footer-title">用户服务</div>
                    <a href="#" class="sub-title">用户服务</a>
                    <a href="#" class="sub-title">使用前必读</a>
                    <a href="#" class="sub-title">隐私协议</a>
                </div>
                <div class="footer-content">
                    <div class="footer-title">商家服务</div>
                    <a href="#" class="sub-title">品牌入住</a>
                    <a href="#" class="sub-title">会员权益</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">关于餐饮商铺转让</div>
                    <a href="#" class="sub-title">平台介绍</a>
                    <a href="#" class="sub-title">官方微博</a>
                    <a href="#" class="sub-title">官方百科</a>
                    <a href="#" class="sub-title">建议反馈</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">友情链接</div>
                    <a href="#" class="sub-title">爱企查</a>
                    <a href="#" class="sub-title">爱采购</a>
                    <a href="#" class="sub-title">出海易</a>
                    <a href="#" class="sub-title">企业推广</a>

                </div>

            </div>
            <div class="footer-right">
                <div class="footer-box">
                    <div class="footer-img-one"></div>
                    <p class="footer-imgname">微信公共号</p>
                </div>
                <div class="footer-box">
                    <div class="footer-img-two"></div>
                    <p class="footer-imgname">小助手微信号</p>
                </div>

            </div>
        </div>
    </div>
    <!-- #endregion -->
    <script src="./store.js"></script>
</body>

</html>